<template>
  <div demo-bg class="miss">
    <dv-scroll-board :config="config" style="width:30vw;height:28vh" @mouseover="mouseoverHandler" @click="clickHandler" />
  </div>
</template>

<script setup lang="ts">
import {reactive,onMounted,ref} from 'vue'
import {gettabs} from '../../request/index'

// const config=ref({})
const config = reactive({
  header:null,
  data:null,
  index: true,
  columnWidth: [50],
  align: ['center'],
})
onMounted(()=>{
  gettabs().then(res=>{
        console.log('表格数据',res.data.data);
          config.header=res.data.data.header
          config.data=res.data.data.list
  })

})

const mouseoverHandler = (e: any) => {
  console.log(e)
}

const clickHandler = (e: any) => {
  console.log(e)
}

</script>
<style scoped>
.miss{
 left: 54px;
 
  position: absolute;
  bottom: 90px;
}


</style>